<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../Utils/bootstrap-3.4.1-dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../../style/dxm_css/Employee-Files-Education_Experience..css">
    <script src="../../Utils/jquery-3.6.0.min.js"></script>
    <script src="../../Utils/bootstrap-3.4.1-dist/js/bootstrap.js"></script>
</head>
<body>
<div class="container-fluid">
    <div class="context">
        <div>
            <nav class="navbar  nav-box" style="margin: 20px;">
                <div style="color: #C9C9C9">员工 > 员工管理 > </div><div>员工档案</div>
            </nav>
            <div class="container-fluid contain-box">
                <div class="row  common">
                    <div class="active col-md-1 btnCommon">教育经历</div>
                    <div class="col-md-1 btnCommon">工作经历</div>
                    <div class="col-md-1 btnCommon">家庭成员</div>
                    <div class="col-md-1 btnCommon">员工证书</div>
                </div>
                <form class="form-inline common ">
                    <div class="common form-l">
                        <div class="form-group">
                            <label for="name1">姓名</label>
                            <input type="text" class="form-control" id="name1" placeholder="请选择">
                        </div>
                        <div class="form-group">
                            <label for="name2">编号</label>
                            <input type="text" class="form-control" id="name2" placeholder="请选择">
                        </div>
                        <div class="form-group">
                            <label for="name3">部门</label>
                            <input type="text" class="form-control" id="name3" placeholder="请选择">
                        </div>
                        <div class="form-group form-r">
                            <button class="btnActive add">+新增</button>
                            <button class="form-r-btnCommon">导入</button>
                            <button class="form-r-btnCommon">导出</button>
                            <button class="form-r-btnCommon delSelect" onclick="deleteItem()">删除选择</button>
                            <button class="form-r-btnCommon lookAll">搜索</button>
                        </div>
                    </div>
                    <div class="common">
                        <div class="form-group">
                            <label for="name4">职位</label>
                            <input type="text" class="form-control" id="name4" placeholder="请选择">
                        </div>
                        <div class="form-group">
                            <label for="name5">学历</label>
                            <input type="text" class="form-control" id="name5" placeholder="请选择">
                        </div>
                        <div class="form-group">
                            <label for="name6">毕业院校</label>
                            <input type="text" style="width: 250px" class="form-control" id="name6" placeholder="请选择">
                            <label for="name6">专业</label>
                            <input type="text" class="form-control" id="name7" placeholder="请输入关键字">
                        </div>
                    </div>
                </form>
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th class="select-all"><input type="checkbox"></th>
                        <th>头像/姓名</th>
                        <th>员工编号</th>
                        <th>部门</th>
                        <th>职位</th>
                        <th>学历</th>
                        <th>毕业院校</th>
                        <th>专业</th>
                        <th>开始时间</th>
                        <th>结束时间</th>
                        <th>教育类型</th>
                        <th>是否取得学位</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <!-- <tr>
                         <td>张三</td>
                         <td>GH1001</td>
                         <td>研发部</td>
                         <td>产品经理</td>
                         <td>本科</td>
                         <td>清华大学</td>
                         <td>管理学</td>
                         <td>2017-09-01</td>
                         <td>2021-06-01</td>
                         <td>全日制</td>
                         <td>是</td>
                         <td>编辑</td>
                         <td>删除</td>
                     </tr>-->
                    </tbody>
                </table>
                <div>
                    <nav aria-label="Page navigation">
                        <ul class="pagination">
                            <li>
                                <a href="#"  class="prev">
                                    <span>&laquo;</span>
                                </a>
                            </li>
                            <li>
                                <a href="#"  class="next">
                                    <span>&raquo;</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
        <div class="modal fade" id="delModal" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-body">
                        您确定要删除嘛？
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-primary resetBtn">确定</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../../js/dxm_js/Employee-Files-Education_Experience.js"></script>

</body>
</html>